<script setup lang="ts">
import { router } from '@/router';
import Back from '@/components/icons/header/Back.vue';

const back = () => {
    router.back();
}

</script>

<template>
    <div class="container-icon">
        <Back @click="back" class="icon"></Back>
    </div>
</template>

<style lang="scss" scoped>
.container-icon {
    display: flex;
    background-color: rgba(81, 102, 194, 0.616);
    flex-basis: 50px;
    flex-direction: row;
    align-items: center;
    width: 100%;
    .icon {
        height: 28px;
        width: 28px;
        display: flex;
        padding-left: 10px;
    }
}
</style>